<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>note-code</title>
	<style>
		section {
			width: 550px;
			height: 150px;
			background-color: gray;
		}

		@media not screen and (min-width:750px) and (max-width:1200px) {
			section {
				background-color: salmon;
			}
		}
	</style>
</head>

<body>
	<div class="container">
		<section>
			<ol>
				<li>不是 screen 模式</li>
				<li>不在 750px ~ 1200px 区间内就会生效 </li>
			</ol>
		</section>
	</div>
</body>

</html>